<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加银行卡</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/commons.css">
    <link href="../css/integral-withdraw.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">添加银行卡</h1>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-28
    描述：头部结束
-->
<div class="mui-content">
    <!--未绑定银行卡-->
    <div class="bank-bound-box">
        <div class="one-box">
            <span class="card_bank">发卡银行</span>
            <div id="main">
                <section id="basic-usage">
                    <select id="select" style="font-family: '微软雅黑';padding: 1px 15px;">
                        <option value="" id="kong"> </option>
                        <option value="1">工商银行</option>
                        <option value="2">交通银行</option>
                        <option value="3">建设银行</option>
                        <option value="4">中国银行</option>
                        <option value="5">农业银行</option>
                        <option value="6">招商银行</option>
                        <option value="7">中信银行</option>
                        <option value="8">浦发银行</option>
                        <option value="9">广发银行</option>
                        <option value="10">民生银行</option>
                        <option value="11">兴业银行</option>
                        <option value="12">邮政储蓄银行</option>
                        <option value="13">光大银行</option>
                    </select>
                </section>
                <img src="../img/bank-more.png" alt="发卡银行">
            </div>
        </div>
        <div class="binding_box">
            <p class="mui-clearfix"><span>持卡人</span><input id="accountName" type="text" placeholder="银行卡姓名"></p>
            <p class="mui-clearfix"><span>开户支行</span><input id="branchName" type="text" placeholder="开户支行"></p>
            <p class="mui-clearfix"><span>银行卡号</span><input id="bankNo" type="text" placeholder="银行卡号"></p>
            <p class="mui-clearfix"><span>再次输入卡号</span><input id="bankNo2" type="text" placeholder="再次输入银行卡号"></p>
            <p class="confirm" id="bankConfirm">确 定</p>
        </div>
    </div>

</div>
<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：底部导航开始
-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index">
        <span class="mui-icon"><img src="../img/index-icon.png"/></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="nearby">
        <span class="mui-icon"><img src="../img/nearby-icon.png"/></span>
        <span class="mui-tab-label">入驻</span>
    </a>
    <a class="mui-tab-item" id="shop">
        <span class="mui-icon"><img src="../img/cart_icon_h.png"/></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item mui-active" id="me">
        <span class="mui-icon"><img src="../img/personal-icon-act.png"/></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/commons.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script src="../js/md5.js"></script>
<script src="../js/addcard.js"></script>
</body>
</html>